<template>
  <div>
    <TypeNav/>
    <ListContainer></ListContainer>
    <TodayRecommend></TodayRecommend>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for="(floor,index) in floorList" :key="floor.id" :floorInfo="floor"></Floor>
    <Brand></Brand>
  </div>
</template>

<script>
  import ListContainer from './ListContainer';
  import TodayRecommend from './TodayRecommend';
  import Rank from './Rank';
  import Like from './Like';
  import Floor from './Floor';
  import Brand from './Brand';
  // 引入辅助函数
  import {mapState} from 'vuex';

  export default {
    name:'Home',
    components:{
      ListContainer,
      TodayRecommend,
      Rank,
      Like,
      Floor,
      Brand
    },
    computed: {
      ...mapState({
        floorList:state=>state.home.floorList
      })
    },
    mounted() {
      // 派发actions 发送请求
      this.$store.dispatch('getFloorList')
     
    },

    
  }
</script>

<style scoped>
  
</style>